<template>
  <div class="toast" v-if="visible">
    <div class="toast-icon">
      <span class="iconfont icon-gantanhao"></span>
    </div>
    <div class="toast-text">{{message}}</div>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  name: 'shopToast',
  components: {},
  data() {
    return {
      visible: false,
      message: ''
    }
  },
  methods: {
    
  }
} 
</script>

<style lang="stylus" scoped>

  .toast
    width 80%
    position absolute
    left 50%
    top 50%
    transform translate(-50%,-50%)
    z-index 9999
    background rgba(0,0,0,0.8)
    color #fff;
    text-align center
    padding 15px
    border-radius 5px
    .toast-icon
      .iconfont
        font-size 34px
    .toast-text
      font-size 16px
      margin-top 12px
      line-height 26px
</style>